<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Index</title>
    <link type="text/css" rel="stylesheet" href="../../resources/css/reset.css">
</head>
<body>
<header>
    <div class="topBar">
        <div class = "">
            <div class = "leftArea">
                <a href="#">收藏慕课</a>
            </div>
            <div class = "rightArea">
                <a href="#"></a>
            </div>
        </div>
    </div>
    <div class="logoBar">
        <div class="">
            <div class="logo">
                <a href="#"><img src="#" alt="慕课网"></a>
            </div>
            <div class="search_box">
                <input type="text" class="search_txt">
                <input type="button" value="搜 索" class="search_btn">
            </div>
            <div class="shopBar">
                <span class="shopTxt">购物车</span>
                <span class="shopNum">0</span>
            </div>
        </div>
    </div>
    <div class="navBox">
        <div class="">
            <div class="shopClass">
                <h3>全部商品分类</h3>
            </div>
            <ul>
                <li><a href="#">数码城</a></li>
                <li><a href="#">天黑黑</a></li>
                <li><a href="#">团购</a></li>
                <li><a href="#">发现</a></li>
                <li><a href="#">二手特卖</a></li>
                <li><a href="#">名品汇</a></li>
            </ul>
        </div>
    </div>
</header>
</body>
</html>
